<%--
  Created by IntelliJ IDEA.
  Author: Deng PengFei
  Date: 2021/8/14
  Time: 9:55
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>角色选择页面</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <%--引入LayUI--%>
    <link href="../layui/css/layui.css" rel="stylesheet">
    <script src="../layui/layui.js"></script>
    <script src="../js/jquery-3.1.0.js"></script>
    <style>
        body {
            background-image: url("../img/role.jpg");
            background-size: cover;
            background-attachment: fixed;
        }
        .layui-row {
            padding: 5px;
            margin: 5px;
        }
    </style>
</head>
<body>

<%--页面的盒子--%>
<div class="layui-container" style="text-align: center">

    <%--上部分的盒子--%>
    <div class="layui-row" style="height: 40%;">
        <%--空白--%>
        <div class="layui-row" style="height: 38%;"></div>
        <%--图标--%>
        <div class="layui-row" style="height: 30%;">
            <img src="../img/roleGroup.jpg" alt="用户组">
        </div>
        <%--文字--%>
        <div class="layui-row" style=" color: #03EBDF;font-size: 19px;margin-top: 20px">
            <i class="layui-icon layui-icon-chart-screen" style="font-size: 22px"></i> 请选择您的角色
            <i class="layui-icon" style="font-size: 22px">&#xe625;</i>
        </div>
    </div>

    <%--下部分的盒子--%>
    <div class="layui-row">
        <div class="layui-row">
            <a href="adviser/index.jsp?role=4" class="layui-btn layui-btn-lg layui-btn-radius layui-border-orange layui-btn-primary">
                <i class="layui-icon" style="font-size: 22px">&#xe612;</i> 教学院长
            </a>
            <button class="layui-btn layui-btn-lg layui-btn-radius layui-border-red layui-btn-primary" onclick="test()">
                <i class="layui-icon" style="font-size: 22px">&#xe612;</i> 教研室主任
            </button>
            <a href="committee/index.jsp" class="layui-btn layui-btn-lg layui-btn-radius layui-border-blue layui-btn-primary">
                <i class="layui-icon" style="font-size: 22px">&#xe612;</i> 答辩委员会主席
            </a>
        </div>
        <div class="layui-row">
            <a href="adviser/index.jsp" class="layui-btn layui-btn-lg layui-btn-radius layui-border-orange layui-btn-primary">
                <i class="layui-icon" style="font-size: 22px">&#xe612;</i> 指导老师
            </a>
            <a href="grading/index.jsp" class="layui-btn layui-btn-lg layui-btn-radius layui-border-blue  layui-btn-primary">
                <i class="layui-icon" style="font-size: 22px">&#xe613;</i> 评阅老师
            </a>
        </div>
        <div class="layui-row">
            <button class="layui-btn layui-btn-lg layui-btn-radius layui-border-orange  layui-btn-primary" onclick="test()">
                <i class="layui-icon" style="font-size: 22px">&#xe612;</i> 答辩组长
            </button>
            <a href="defenseGroup/index.jsp" class="layui-btn layui-btn-lg layui-btn-radius layui-border-red layui-btn-primary">
                <i class="layui-icon" style="font-size: 22px">&#xe613;</i> 答辩组成员
            </a>
            <button class="layui-btn layui-btn-lg layui-btn-radius layui-border-blue layui-btn-primary" onclick="test()">
                <i class="layui-icon" style="font-size: 22px">&#xe684;</i> 答辩秘书
            </button>
        </div>
    </div>

</div>

</body>

<script>
    function test() {
        layui.layer.msg('<span style="color: #00F7DE">甲方给的资金不足，做不了了</span>',{anim:6,offset:350})
    }

</script>
</html>
